<div class="horizontal-scroll" ba-panel ba-panel-class="with-scroll">
    <div>
        <h3>班级详情：</h3>
        <hr>
        <form>
            <div class="form-group">
                名称：<input type="text" class="form-control" ng-model="vm.schoolClass.className" onfocus=this.blur() style="border:none;">
            </div>
            <div class="form-group">
                班主任：<input type="text" class="form-control" ng-model="vm.schoolClass.teacherName" onfocus=this.blur() style="border:none;">
            </div>
            <div class="form-group">
                详情：<textarea class="form-control" ng-model="vm.schoolClass.classInfomation" onfocus=this.blur() style="border:none;"></textarea>
            </div>
            <button class="btn btn-primary" ng-click="modifyButton()">修改班级信息</button>
            <button type="button" class="btn"  ng-click="gobak()">返回上一页</button>
        </form>
    </div>
    <p>&nbsp;</p>
    <div>
        <h3>学生列表：</h3>
        <hr>
        <button type="button" class="btn btn-primary" style="float:right" data-toggle="modal" ng-click="open()">添加学生</button>
        <table class="table table-hover" st-table="smartTableData">
            <thead>
            <tr class="sortable ">
                <th class="table-left-font">学生姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>手机号码</th>
                <th>家庭住址</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="item in vm.page.pageResult" ng-model="vm.page.pageResult">
                <td class="table-left-font">{{item.memberName}}</td>
                <td><span ng-if="item.memberSex == '1'">男</span><span ng-if="item.memberSex == '0'">女</span></td>
                <td>{{ item.memberBirthday | ageFilter }}</td>
                <td>{{item.memberPhone || "无"}}</td>
                <td>{{item.memberAddress}}</td>
                <td>
                    <a class="btn link" ng-click="deleteSt(item.memberClassId,$index)">删除</a>
                </td>
            </tr>
            </tbody>
            <tfoot ng-show="vm.page.pageTotalItemSize > vm.page.pageSize">
            <tr>
                <td colspan="6" class="text-center">
                    <uib-pagination total-items="vm.page.pageTotalItemSize"
                                    ng-model="vm.page.pageIndex"
                                    items-per-page="vm.page.pageSize"
                                    num-pages="vm.page.pageTotalPageSize"
                                    boundary-link-numbers="true"
                                    ng-change="vm.initPage()"></uib-pagination>
                </td>
            </tr>
            </tfoot>
        </table>
    </div>
</div>